//- Copyright (c) 2016 Lucky Byte, Inc.
extends ../layout

append scripts
  script(src="/js/notify.js")

block content
  .ui.grid.nolayout(style="margin-left: 10px; margin-top: 14px;")
    .column.three.wide
      .ui.raised.segment.brown
        .ui.label.ribbon.large.brown
          i.icon.filter
          | 通知过滤
        .ui.divided.relaxed.small.middle.aligned.list
          .item
            i.icon.filter
            .content.middle.aligned
              a#all_filter(href="#") 全部通知
          .item
            .right.floated.content
              .ui.label.orange.small#message_label(
                style="padding:6px; padding-top:2px; padding-bottom:3px;") 0
            i.icon.comment.outline(style="padding-top:2px;")
            .content(style="padding-top:2px;")
              a#message_filter(href="#") 站内留言
          .item
            .right.floated.content
              .ui.label.red.small#notification_label(
                style="padding:6px; padding-top:2px; padding-bottom:3px;") 0
            i.icon.announcement(style="padding-top:2px;")
            .content(style="padding-top:2px;")
              a#notification_filter(href="#") 系统通知
          .item
            .right.floated.content
              .ui.label.green.small#todo_label(
                style="padding:6px; padding-top:2px; padding-bottom:3px;") 0
            i.icon.wait(style="padding-top:2px;")
            .content(style="padding-top:2px;")
              a#todo_filter(href="#") 待办事项
          .item
            .right.floated.content
              .ui.label.grey.small#progress_label(
                style="padding:6px; padding-top:2px; padding-bottom:3px;") 0
            i.icon.alarm.outline(style="padding-top:2px;")
            .content(style="padding-top:2px;")
              a#progress_filter(href="#") 进度通知

      .ui.raised.segment.green
        .ui.label.ribbon.large.pink
          i.icon.comments
          | 给用户留言 
        form.ui.form.small#message(action="/message/new", method="post"
          style="margin-top: 10px;")
          input(type="hidden" name="redirect" value="notify")
          .field.sixteen.wide
            select.ui.dropdown.input(name="user")
              option(value="") 选择用户
              each user in users
                option(value="#{user.uuid}")= user.realname
          .field.sixteen.wide
            textarea(name="message" type="text" rows="3" sytle="font-size:small;"
              placeholder="留言内容仅在目标用户登录后才能看到")
          .field
            button.ui.button.green.fluid.small(type="submit") 留 言
          .field.sixteen.wide(style="text-align:right;")
            a(href="/message" style="color: #aaa;") 查看留言历史 ...

    .column.thirteen.wide
      .ui.comments(style="max-width:1400px; margin-right:20px;")
        include messages
        include messages_send
        include notification
        include wizard_wait_check
        include merchs_wait_check
        include merchs_rejected
        include merchs_input
        include merchs_checked
        include merchs_wait_effect
        include terms_wait_check
        include terms_rejected
        include terms_input
        include terms_wait_effect
        include p1_wait_check
        include p1_input
        include p2_wait_check
        include p2_input
